body{
     background:rgb(255,220,170);
    }
.divClassNorm{
              background:rgba(230,230,230,0.7);
              border-radius:7px;
              box-shadow:0px 0px 2px black;
              margin:auto 20px;
             }
.sep{
     visibility:hidden;
     height:5px;
    }
.hidden{
        visibility:hidden;
       }
h1,h2,h3,h4,h5,h6{margin:1.5px auto;}
.searchLink{
    color: rgb(14,36,189);
    text-decoration: none;
    transition: 300ms;
}
.searchLink:hover{
    color: rgb(11,177,243);
}
.greyLink{
    color: rgb(150,150,150);
    text-decoration: none;
    transition: 300ms;
}
.greyLink:hover{
    color: rgb(14,14,14);
}
.divSidebarMain{
    position: relative;
    left: calc((100% - 70%) / (-2));
    width: 70%;
}
.divSidebar{
    position: absolute;
    right: 0%;
    width: 30%;
    top: 10%;
}
.divSidebarFather{
    position: relative;
}
img{
    width: 90%;
}
.smallImgGood{
    width: 30%;
}
.imgGood,.smallImgGood,.shadowed{
    transition: 300ms;
}
.imgGood:hover,.smallImgGood:hover,.shadowed:hover{
    filter: brightness(1.1) drop-shadow(2px 4px 4px black);
}
.imgGood:hover{
    transform: translate(-80%,0) scale(2);
}
.smallImgGood:hover{
    transform: translate(-160%,0) scale(5.5);
}
.smallText{
    font-size: xx-small;
    margin: 0px;
}
iframe{
    width: 90%;
    max-width: 800px;
    height: auto;
    aspect-ratio: 16 / 9;
}
.nodsp{
    display: none;
}
.boxGood,.boxGoodMove{transition:300ms;}
.boxGood:hover{
    transform: scale(1.7);
    background:rgba(230,230,230,0.95);
}
.boxGoodMove:hover{
    transform: translate(-50%,0) scale(1.7);
    background:rgba(230,230,230,0.95);
}
.submitButton{
    background: blue;
    cursor: pointer;
    color: white;
    padding: 5px 15px;
    margin: 5px;
    border: 0;
    border-radius: 4px;
    transition: 300ms;
}
.submitButton:hover{
    background: rgb(11,177,243);
}
#notes-msg>#refreshButton{
    background: red;
    cursor: pointer;
    color: white;
    padding: 8px 18px;
    margin: 5px;
    border: 0;
    border-radius: 4px;
    transition: 300ms;
}
#notes-msg>#refreshButton:hover{
    background: rgb(255,80,20);
}
.loading {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #3498db; 
  border-radius: 50%;
  animation: spin 1.5s ease-in-out infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
